﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />


<!DOCTYPE html>
<html lang="zh-CN">
<head>

<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  
  <jsp:include page="/WEB-INF/include/submenu-session.jsp">
      <jsp:param name="currentUrl" value="${ctx.host}/sessions/1" />
  </jsp:include>
  
  <div class="container-fluid ihg-container has-ihg-sidemenu">

    <div class="ihg-breadcrumb">
      <ol class="breadcrumb border-breadcrumb">
        <li class="active">Session &nbsp;&nbsp;-&nbsp;&nbsp;Summary&nbsp;View</li>
        <li class="pull-right">
          <a href="${ctx.host}/${type}-sessions" class="btn btn-success">Go Back List</a>
        </li>
      </ol>
      
    </div>
    
    <div class="ihg-content-layout">
      
      <div class="row">
        <div class="col-xs-5">
          <div class="panel panel-default ihg-panel" style="margin-top: 20px;">
             <div class="panel-heading">
               <span class="panel-titles"><i class="glyphicon glyphicon glyphicon-info-list" style="top: 2px;"></i>&nbsp;&nbsp;Basic Info</span>
            </div>
            <div class="panel-body form-horizontal ihg-form">
              <div class="form-group ihg-form-group">
                <label class="control-label col-xs-6" style="width: 36%;">Session Name：</label>
                <div class="col-xs-7">
                  <p class="form-control-static">Example Name</p>
                </div>
              </div>
              <div class="form-group ihg-form-group">
                <label class="control-label col-xs-6" style="width: 36%;">Description：</label>
                <div class="col-xs-7">
                  <p class="form-control-static">Example Session Description Here, description can not be large then 1000 char</p>
                </div>
              </div>
              <div class="form-group ihg-form-group">
                <label class="control-label col-xs-6" style="width: 36%;">During Time：</label>
                <div class="col-xs-7">
                  <p class="form-control-static">2017-12-23&nbsp;-&nbsp;2017-12-24</p>
                </div>
              </div>
              <div class="form-group ihg-form-group">
                <label class="control-label col-xs-9" style="width: 36%;">Accessor/Delegate：</label>
                <div class="col-xs-3">
                  <p class="form-control-static">14/28</p>
                </div>
              </div>
              <div class="form-group ihg-form-group">
                <label class="control-label col-xs-9" style="width: 36%;">Accessor Owner：</label>
                <div class="col-xs-3">
                  <p class="form-control-static">Jackson</p>
                </div>
              </div>
              <div class="form-group ihg-form-group">
                <label class="control-label col-xs-9" style="width: 36%;">Delegate Owner：</label>
                <div class="col-xs-3">
                  <p class="form-control-static">Tina</p>
                </div>
              </div>
              <div class="form-group ihg-form-group">
                <label class="control-label col-xs-9" style="width: 36%;">Wechat Group：</label>
                <div class="col-xs-3">
                  <img alt="" src="${ctx.resource}/images/qrcode-test.png" style="display: block; width: 150px; height: 150px; border: 1px solid #ccc;">
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-7">
          <div class="panel panel-default ihg-panel" style="margin-top: 20px;">
             <div class="panel-heading">
               <span class="panel-titles"><i class="glyphicon glyphicon-calendar" style="top: 2px;"></i>&nbsp;&nbsp;Session Before Scheduler</span>
            </div>
            <div class="panel-body no-padding">
              <table class="table table-hover ihg-table-table" style="margin-bottom: 0px;">
                <thead>
                    <tr>
                      <th>Events</th>
                      <th>Admin’s action</th>
                      <th>Date</th>
                      <th>Status</th>
                      <c:if test="${type == 'active'}">
                        <th>Opt</th>
                      </c:if>
                    </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Orientation Call Notice Email</td>
                    <td>Add Time、Zoom Account、System link & System account</td>
                    <td>2017-12-08</td>
                    <td>
                      <span class="label label-danger">No Zoom Account</span>
                    </td>
                    <c:if test="${type == 'active'}">
                      <td>
                        <a href="javascript:void(0);" data-target="#add-zoom" data-toggle="modal">ZOOM</a>&nbsp;&nbsp;
                        <a href="${ctx.host}/sessions/1/events/1/date?duringDate=2017-12-23&originalDate=2017-12-08&day=30" data-target="#edit-date" data-toggle="modal">DATE</a>&nbsp;&nbsp;
                        <a href="${ctx.host}/sessions/1/events/1/email" data-target="#event-email" data-toggle="modal">EMAIL</a>
                      </td>
                    </c:if>
                  </tr>
                  <tr>
                    <td>Pre Work Notice Email</td>
                    <td>System Auto Email after orientation call done. delegate pre-work, online tests, notice</td>
                    <td>After Orientation Finish</td>
                    <td>
                      <span class="label label-default">Not start</span>
                    </td>
                    <c:if test="${type == 'active'}">
                      <td>none</td>
                    </c:if>
                  </tr>
                  <tr>
                    <td>E Learning Notice Email</td>
                    <td>System Auto Email after orientation call done. assessor e-learning notice</td>
                    <td>After Orientation Finish</td>
                    <td>
                      <span class="label label-default">Not start</span>
                    </td>
                    <c:if test="${type == 'active'}">
                      <td>none</td>
                    </c:if>
                  </tr>
                  <tr>
                    <td>Pre Work Notice Email</td>
                    <td>Notice delegate finish pre-work</td>
                    <td>2017-12-15</td>
                    <td>
                      <span class="label label-default">Not start</span>
                    </td>
                    <c:if test="${type == 'active'}">
                      <td>
                        <a href="${ctx.host}/sessions/1/events/1/date?duringDate=2017-12-23&originalDate=2017-12-15&day=15" data-target="#edit-date" data-toggle="modal">DATE</a>&nbsp;&nbsp;
                        <a href="${ctx.host}/sessions/1/events/1/email" data-target="#event-email" data-toggle="modal">EMAIL</a>
                      </td>
                    </c:if>
                  </tr>
                  <tr>
                    <td>E Learning Notice Email</td>
                    <td>Notice assessor finish e-learning</td>
                    <td>2017-12-15</td>
                    <td>
                      <span class="label label-default">Not start</span>
                    </td>
                    <c:if test="${type == 'active'}">
                      <td>
                        <a href="${ctx.host}/sessions/1/events/1/date?duringDate=2017-12-23&originalDate=2017-12-15&day=15" data-target="#edit-date" data-toggle="modal">DATE</a>&nbsp;&nbsp;
                        <a href="${ctx.host}/sessions/1/events/1/email" data-target="#event-email" data-toggle="modal">EMAIL</a>
                      </td>
                    </c:if>
                  </tr>
                  <tr>
                    <td>Pre Work End Notice Email</td>
                    <td>Notice delegate the end date of pre-work, and the time to begin the session。</td>
                    <td>2017-12-21</td>
                    <td>
                      <span class="label label-default">Not start</span>
                    </td>
                    <c:if test="${type == 'active'}">
                      <td>
                        <a href="${ctx.host}/sessions/1/events/1/date?duringDate=2017-12-23&originalDate=2017-12-21&day=7" data-target="#edit-date" data-toggle="modal">DATE</a>&nbsp;&nbsp;
                        <a href="${ctx.host}/sessions/1/events/1/email" data-target="#event-email" data-toggle="modal">EMAIL</a>
                      </td>
                    </c:if>
                  </tr>
                  <tr>
                    <td>E Learning End Notice Email</td>
                    <td>Notice accessor the end date of e-learning, and the time to begin the session。</td>
                    <td>2017-12-21</td>
                    <td>
                      <span class="label label-default">Not start</span>
                    </td>
                    <c:if test="${type == 'active'}">
                      <td>
                        <a href="${ctx.host}/sessions/1/events/1/date?duringDate=2017-12-23&originalDate=2017-12-21&day=7" data-target="#edit-date" data-toggle="modal">DATE</a>&nbsp;&nbsp;
                        <a href="${ctx.host}/sessions/1/events/1/email" data-target="#event-email" data-toggle="modal">EMAIL</a>
                      </td>
                    </c:if>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      
      <div class="row">
        
        <div class="col-xs-12 form-horizontal ihg-form" style="padding: 0px;">
          <div class="ihg-form-title clearfix" style="margin: 0 15px 15px 15px;">
            <h5>Accessor Delegate Relation</h5>
          </div>
         
          <div class="row" style="margin: 0px;">
          <div class="col-xs-12 sub-session sub-session-a" style="border-bottom: 1px solid #eee; padding-bottom: 10px;">
          <p class="form-control-static" style="padding-left: 15px; margin-bottom: 5px; margin-top: 10px;">Sub Session A</p>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP A</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor A</td>
                      <td>Delegate 1</td>
                    </tr>
                    <tr><td>Delegate 2</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor B</td>
                      <td>Delegate 3</td>
                    </tr>
                    <tr><td>Delegate 4</td></tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP B</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor C</td>
                      <td>Delegate 5</td>
                    </tr>
                    <tr><td>Delegate 6</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor D</td>
                      <td>Delegate 7</td>
                    </tr>
                    <tr><td>Delegate 8</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
              <div class="panel panel-default ihg-panel group-panel" data-id="1">
                <div class="panel-heading">
                  <span class="panel-titles">GROUP C</span>
                </div>
                <div class="panel-body" style="padding: 0px;">
                  <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                    <tbody>
                      <tr>
                        <td rowspan="2" style="vertical-align: middle;">Accessor E</td>
                        <td>Delegate 9</td>
                      </tr>
                      <tr><td>Delegate 10</td></tr>
                      <tr>
                        <td rowspan="2" style="vertical-align: middle;">Accessor F</td>
                        <td>Delegate 11</td>
                      </tr>
                      <tr><td>Delegate 12</td></tr>
                    </tbody>
                  </table>
                </div>
               </div>
            </div>
        </div>

        <div class="col-xs-12 sub-session sub-session-b" style="padding-bottom: 10px;">
          <p class="form-control-static" style="padding-left: 15px; margin-bottom: 5px; margin-top: 10px;">Sub Session B</p>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP D</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor G</td>
                      <td>Delegate 13</td>
                    </tr>
                    <tr><td>Delegate 14</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor H</td>
                      <td>Delegate 15</td>
                    </tr>
                    <tr><td>Delegate 16</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP E</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor I</td>
                      <td>Delegate 17</td>
                    </tr>
                    <tr><td>Delegate 18</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor J</td>
                      <td>Delegate 19</td>
                    </tr>
                    <tr><td>Delegate 20</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP F</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor K</td>
                      <td>Delegate 21</td>
                    </tr>
                    <tr><td>Delegate 22</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor L</td>
                      <td>Delegate 23</td>
                    </tr>
                    <tr><td>Delegate 24</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP G</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor M</td>
                      <td>Delegate 25</td>
                    </tr>
                    <tr><td>Delegate 26</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor N</td>
                      <td>Delegate 27</td>
                    </tr>
                    <tr><td>Delegate 28</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
        </div>
           <!-- <div class="col-xs-6">
             
             <div class="panel panel-default ihg-panel">
               <div class="panel-heading">
                <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;Sub Session A</span>
               </div>
               <div class="panel-body" style="padding: 15px 0;">
                 <div class="col-xs-6">
                   <div class="panel panel-default ihg-panel">
                     <div class="panel-heading">
                       <span class="panel-titles">GROUP A</span>
                     </div>
                     <div class="panel-body" style="padding: 0px;">
                       <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                         <tbody>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor A</td>
                             <td>Delegate 1</td>
                           </tr>
                           <tr><td>Delegate 2</td></tr>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor B</td>
                             <td>Delegate 3</td>
                           </tr>
                           <tr><td>Delegate 4</td></tr>
                         </tbody>
                       </table>
                     </div>
                    </div>
                 </div>
                 <div class="col-xs-6">
                   <div class="panel panel-default ihg-panel">
                     <div class="panel-heading">
                       <span class="panel-titles">GROUP B</span>
                     </div>
                     <div class="panel-body" style="padding: 0px;">
                       <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                         <tbody>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor C</td>
                             <td>Delegate 5</td>
                           </tr>
                           <tr><td>Delegate 6</td></tr>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor D</td>
                             <td>Delegate 7</td>
                           </tr>
                           <tr><td>Delegate 8</td></tr>
                         </tbody>
                       </table>
                     </div>
                    </div>
                 </div>
                 <div class="col-xs-6">
                   <div class="panel panel-default ihg-panel">
                     <div class="panel-heading">
                       <span class="panel-titles">GROUP C</span>
                     </div>
                     <div class="panel-body" style="padding: 0px;">
                       <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                         <tbody>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor E</td>
                             <td>Delegate 9</td>
                           </tr>
                           <tr><td>Delegate 10</td></tr>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor F</td>
                             <td>Delegate 11</td>
                           </tr>
                           <tr><td>Delegate 12</td></tr>
                         </tbody>
                       </table>
                     </div>
                    </div>
                 </div>
               </div>
             </div>
           </div>
           <div class="col-xs-6">
             <div class="panel panel-default ihg-panel">
               <div class="panel-heading">
                <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;Sub Session A</span>
               </div>
               <div class="panel-body" style="padding: 15px 0;">
                 <div class="col-xs-6">
                   <div class="panel panel-default ihg-panel">
                     <div class="panel-heading">
                       <span class="panel-titles">GROUP D</span>
                     </div>
                     <div class="panel-body" style="padding: 0px;">
                       <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                         <tbody>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor G</td>
                             <td>Delegate 13</td>
                           </tr>
                           <tr><td>Delegate 14</td></tr>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor H</td>
                             <td>Delegate 15</td>
                           </tr>
                           <tr><td>Delegate 16</td></tr>
                         </tbody>
                       </table>
                     </div>
                    </div>
                 </div>
                 <div class="col-xs-6">
                   <div class="panel panel-default ihg-panel">
                     <div class="panel-heading">
                       <span class="panel-titles">GROUP E</span>
                     </div>
                     <div class="panel-body" style="padding: 0px;">
                       <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                         <tbody>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor I</td>
                             <td>Delegate 17</td>
                           </tr>
                           <tr><td>Delegate 18</td></tr>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor J</td>
                             <td>Delegate 19</td>
                           </tr>
                           <tr><td>Delegate 20</td></tr>
                         </tbody>
                       </table>
                     </div>
                    </div>
                 </div>
                 <div class="col-xs-6">
                   <div class="panel panel-default ihg-panel">
                     <div class="panel-heading">
                       <span class="panel-titles">GROUP F</span>
                     </div>
                     <div class="panel-body" style="padding: 0px;">
                       <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                         <tbody>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor K</td>
                             <td>Delegate 21</td>
                           </tr>
                           <tr><td>Delegate 22</td></tr>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor L</td>
                             <td>Delegate 23</td>
                           </tr>
                           <tr><td>Delegate 24</td></tr>
                         </tbody>
                       </table>
                     </div>
                    </div>
                 </div>
                 <div class="col-xs-6">
                   <div class="panel panel-default ihg-panel">
                     <div class="panel-heading">
                       <span class="panel-titles">GROUP G</span>
                     </div>
                     <div class="panel-body" style="padding: 0px;">
                       <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                         <tbody>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor M</td>
                             <td>Delegate 25</td>
                           </tr>
                           <tr><td>Delegate 26</td></tr>
                           <tr>
                             <td rowspan="2" style="vertical-align: middle;">Accessor N</td>
                             <td>Delegate 27</td>
                           </tr>
                           <tr><td>Delegate 28</td></tr>
                         </tbody>
                       </table>
                     </div>
                    </div>
                 </div>
               </div>
             </div>
           </div> -->
         </div>
        </div>
      </div>
      
    </div>
  </div>

  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>


  <d:resource root="${ctx.resource}/build" type="script" src="js/page/session/session-admin-view.js" />
  <script type="text/javascript">
    require([ 'page/session/session-admin-view' ], function(page) {
      page.init();
    })
  </script>
</body>

</html>
